.app-list-page-item {

  .page-card-title-left {
    font-weight: 600;
    font-size: 1.25em;
  }

  .app-list-page-tags {
    display: flex;
    justify-content: flex-start;

    & > div {
      margin-bottom: 0.5em;
      margin-right: 0.5em;
      border-radius: plv(box-size-small-border-radius) !important;
      font-size: 12px !important;
      padding: 3px 8px;
      color: white;

      &.app-list-page-tag-type {
        background-color: #2f54eb;
      }

      &.app-list-page-tag-framework {
        background-color: #faad14;
      }

      &.app-list-page-tag-build-tools {
        background-color: #52c41a;
      }

      &.app-list-page-tag-router {
        background-color: #eb2f96;
      }

      &.app-list-page-tag-frame-mode {
        background-color: #52c41a;
      }

      &.app-list-page-tag-render-mode {
        background-color: #fa8c16;
      }

      &.app-list-page-tag-library {
        background-color: #722ed1;
      }

      &.app-list-page-tag-independent-home-page {
        background-color: #f5222d;
      }
    }
  }

  .app-list-page-item-repository {
    margin: 0.5em 0;

    a {
      color: plv(primary-6);
      margin-left: 1em;
    }

    svg {
      height: 12px !important;
      width: 12px !important;
      position: relative;
      top: 2px;
      margin-left: 0.25em;

      path:last-child {
        fill: plv(text-4) !important;
      }
    }
  }

  .app-list-page-button {
    display: inline-flex;
    align-items: center;
    margin-right: 2em;

    .app-list-page-button-icon {
      height: 1.25em;
      width: 1.25em;

      path {
        stroke: currentColor;
      }
    }
  }
}
